<template>
	<view style="display: flex;flex-direction: column;align-items: center;">
		<view class="contont">
			<view class="title">
				分销中心
			</view>
			<view class="ul">
				<view class="item_li" @tap="toPush">
					<image style="width: 40rpx;height: 34rpx;"
						src="https://daiyue.gzzhenyi.net/static/image/distribution/member@4x.png" mode=""></image>
					<text>直推成员</text>
				</view>
				<view class="item_li" @tap="toMoney">
					<image style="width: 35rpx;"
						src="https://daiyue.gzzhenyi.net/static/image/distribution/money@4x.png" mode="widthFix">
					</image>
					<text>我的分佣</text>
				</view>
				<view class="item_li" @tap="toRecommend">
					<image style="width: 40rpx;height: 34rpx;"
						src="https://daiyue.gzzhenyi.net/static/image/distribution/tuiOrder@4x.png" mode=""></image>
					<text>推广</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {

		}
	},
	methods: {
		toPush() {
			uni.navigateTo({
				url: "/pages/distribution/directPush"
			})
		},
		toMoney() {
			uni.navigateTo({
				url: "/pages/distribution/commission"
			})
		},
		toRecommend() {
			uni.navigateTo({
				url: "/pages/distribution/recommend"
			})
		}
	}
}
</script>


<style lang="scss" scoped>
.contont {
	width: 670rpx;
	padding: 20rpx;
	border-radius: 24rpx;
	background-color: #fff;
	margin-top: 30rpx;
	box-shadow: 2rpx solid #000;

	.title {
		font-size: 32rpx;
		color: #333333;
		font-weight: bold;
	}

	.ul {
		margin-top: 34rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;

		.item_li {
			display: flex;
			flex-direction: column;
			align-items: center;

			text {
				display: inline-block;
				margin-top: 16rpx;
				font-size: 24rpx;
				color: #333333;
			}
		}

	}
}
</style>